<template>
    <div>
        <footer class="footer-body" style="padding-bottom:10px;">
            <div class="site-map">
                <a class="title" href="javascript:;">
                    <span class="txt" style="font-weight: bold;">友情链接</span>
                </a>
            </div>
            <div class="link-wrap">
                <ul>
                    <li v-for="urls in urls"><a :href="urls.url">{{ urls.title }}</a></li>
                </ul>
            </div>
        </footer>
    </div>
</template>
<script>

    export default {
        name: 'foot1',
        data() {
            return {
                urls:[]
            };
        },
        created() {
           this.getUrl()
        },
        methods:{
            getUrl(){
                this.$get('/api/friendLinkZS').then(res=>{
                    console.log(res)
                    if(res.code == 0){
                        this.urls = res.data
                    }
                })
            }
        }
    };
</script>
<style scoped>
    .link-wrap ul{
        padding: 10px 0;
        overflow: hidden;
    }
    .link-wrap ul li{
        box-sizing: border-box;
        float: left;
        width: 25%;
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .link-wrap ul li a{
        display: block;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        color: #7f7f7f;
    }
</style>

